<!DOCTYPE html>
<!-- ng-app -->
<html lang="en" ng-app="app">
<head>
    <meta charset="UTF-8">
    <title></title>
    <script src="../../../js/plugins/angular/angular.min.js" type="text/javascript"></script>
</head>
<body>
    <div class="frame">
        <ts-hello></ts-hello>
        <div ts-hello></div>
        <div class="ts-hello"></div>
        <div data-ts-hello></div>
    </div>

    <script>
        var app = angular.module('app',[]);
        /* 自定义标签，参数名称必须使用驼峰命名风格；前缀为ts，垢面是指定的作用 */
        app.directive('tsHello',function () {
            return {
                /* E A C M四种，分别代表标签、属性、类别、注释 */
                /* 属性值可以是单个字母，也可以是多个字母组合，如果是多个字母的组合，则表示支持多种方式的使用，该属性的默认值是A */
                restrict:'EAC',
                template:'<h3>hello</h3>'
            }
        })

    </script>
</body>
</html>